<template>
  <div class="container">
    <h1>产品列表 A</h1>
  </div>
</template>

<script>
import { onMounted, reactive, toRefs } from 'vue'
export default {
  name: 'ProductList',
  setup() {
    const state = reactive({})
    const refState = toRefs(state)
    onMounted(() => {
      console.log('product-list-a 是没有缓存的')
    })
    return {
      ...refState
    }
  }
}
</script>

<style lang="scss" scoped></style>
